<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>步骤条</title>
    <link rel="stylesheet" href="./view/步骤条/styles.css">
</head>
<body>
<!-- Unnamed (Rectangle) -->
<div id="u3523" class="ax_default heading_1">
    <div id="u3523_div" class=""></div>
    <div id="u3523_text" class="text ">
        <p><span>Steps 步骤条</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3524" class="ax_default heading_1">
    <div id="u3524_div" class=""></div>
    <div id="u3524_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3525" class="ax_default label">
    <div id="u3525_div" class=""></div>
    <div id="u3525_text" class="text ">
        <p><span>拆分某项流程的步骤，引导用户按流程完成任务。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3526" class="ax_default label">
    <div id="u3526_div" class=""></div>
    <div id="u3526_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3527" class="ax_default" data-left="233" data-top="347" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3528" class="ax_default ellipse">
        <img id="u3528_img" class="img " src="assets/images/步骤条/u3528.svg"/>
        <div id="u3528_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3529" class="ax_default line">
        <img id="u3529_img" class="img " src="assets/images/步骤条/u3529.svg"/>
        <div id="u3529_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3530" class="ax_default label">
        <div id="u3530_div" class=""></div>
        <div id="u3530_text" class="text ">
            <p><span>已完成</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3531" class="ax_default label">
        <div id="u3531_div" class=""></div>
        <div id="u3531_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3532" class="ax_default" data-left="486" data-top="347" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3533" class="ax_default ellipse selected">
        <img id="u3533_img" class="img " src="assets/images/步骤条/u3528_selected.svg"/>
        <div id="u3533_text" class="text ">
            <p><span>2</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3534" class="ax_default line selected">
        <img id="u3534_img" class="img " src="assets/images/步骤条/u3529_selected.svg"/>
        <div id="u3534_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3535" class="ax_default label selected">
        <div id="u3535_div" class="selected"></div>
        <div id="u3535_text" class="text ">
            <p><span>进行中</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3536" class="ax_default label selected">
        <div id="u3536_div" class="selected"></div>
        <div id="u3536_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3537" class="ax_default" data-left="739" data-top="347" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3538" class="ax_default ellipse disabled">
        <img id="u3538_img" class="img " src="assets/images/步骤条/u3528_disabled.svg"/>
        <div id="u3538_text" class="text ">
            <p><span>3</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3539" class="ax_default line disabled">
        <img id="u3539_img" class="img " src="assets/images/步骤条/u3529_selected.svg"/>
        <div id="u3539_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3540" class="ax_default label disabled">
        <div id="u3540_div" class="disabled"></div>
        <div id="u3540_text" class="text ">
            <p><span>待进行</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3541" class="ax_default label disabled">
        <div id="u3541_div" class="disabled"></div>
        <div id="u3541_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3542" class="ax_default" data-left="992" data-top="347" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3543" class="ax_default ellipse disabled">
        <img id="u3543_img" class="img " src="assets/images/步骤条/u3528_disabled.svg"/>
        <div id="u3543_text" class="text ">
            <p><span>4</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3544" class="ax_default label disabled">
        <div id="u3544_div" class="disabled"></div>
        <div id="u3544_text" class="text ">
            <p><span>待进行</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3545" class="ax_default label disabled">
        <div id="u3545_div" class="disabled"></div>
        <div id="u3545_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3546" class="ax_default label">
    <div id="u3546_div" class=""></div>
    <div id="u3546_text" class="text ">
        <p><span>通过交互状态的选择来改变各个状态的样式，未选中（Unselected）=已完成，已选中（Selected）=进行中，已失效（Disabled）=待进行。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3547" class="ax_default label">
    <div id="u3547_div" class=""></div>
    <div id="u3547_text" class="text ">
        <p><span>迷你型</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3548" class="ax_default label">
    <div id="u3548_div" class=""></div>
    <div id="u3548_text" class="text ">
        <p><span>与基础用法相同，通过交互状态来改变样式。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3549" class="ax_default" data-left="233" data-top="507" data-width="243" data-height="18">

    <!-- Unnamed (Ellipse) -->
    <div id="u3550" class="ax_default ellipse">
        <img id="u3550_img" class="img " src="assets/images/步骤条/u3550.svg"/>
        <div id="u3550_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3551" class="ax_default line">
        <img id="u3551_img" class="img " src="assets/images/步骤条/u3529.svg"/>
        <div id="u3551_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3552" class="ax_default label">
        <div id="u3552_div" class=""></div>
        <div id="u3552_text" class="text ">
            <p><span>已完成</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3553" class="ax_default" data-left="486" data-top="507" data-width="243" data-height="18">

    <!-- Unnamed (Ellipse) -->
    <div id="u3554" class="ax_default ellipse">
        <img id="u3554_img" class="img " src="assets/images/步骤条/u3550.svg"/>
        <div id="u3554_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3555" class="ax_default line">
        <img id="u3555_img" class="img " src="assets/images/步骤条/u3529.svg"/>
        <div id="u3555_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3556" class="ax_default label">
        <div id="u3556_div" class=""></div>
        <div id="u3556_text" class="text ">
            <p><span>已完成</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3557" class="ax_default" data-left="739" data-top="507" data-width="243" data-height="18">

    <!-- Unnamed (Ellipse) -->
    <div id="u3558" class="ax_default ellipse selected">
        <img id="u3558_img" class="img " src="assets/images/步骤条/u3550_selected.svg"/>
        <div id="u3558_text" class="text ">
            <p><span>3</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3559" class="ax_default line selected">
        <img id="u3559_img" class="img " src="assets/images/步骤条/u3529_selected.svg"/>
        <div id="u3559_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3560" class="ax_default label selected">
        <div id="u3560_div" class="selected"></div>
        <div id="u3560_text" class="text ">
            <p><span>进行中</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3561" class="ax_default" data-left="992" data-top="507" data-width="75" data-height="18">

    <!-- Unnamed (Ellipse) -->
    <div id="u3562" class="ax_default ellipse disabled">
        <img id="u3562_img" class="img " src="assets/images/步骤条/u3550_disabled.svg"/>
        <div id="u3562_text" class="text ">
            <p><span>4</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3563" class="ax_default label disabled">
        <div id="u3563_div" class="disabled"></div>
        <div id="u3563_text" class="text ">
            <p><span>待进行</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3564" class="ax_default label">
    <div id="u3564_div" class=""></div>
    <div id="u3564_text" class="text ">
        <p><span>带图标的步骤条</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3565" class="ax_default" data-left="233" data-top="613" data-width="243" data-height="20">

    <!-- Unnamed (Ellipse) -->
    <div id="u3566" class="ax_default ellipse">
        <img id="u3566_img" class="img " src="assets/images/步骤条/u3566.svg"/>
        <div id="u3566_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3567" class="ax_default line">
        <img id="u3567_img" class="img " src="assets/images/步骤条/u3529.svg"/>
        <div id="u3567_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3568" class="ax_default label">
        <div id="u3568_div" class=""></div>
        <div id="u3568_text" class="text ">
            <p><span>注册</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3569" class="ax_default" data-left="486" data-top="613" data-width="243" data-height="20">

    <!-- Unnamed (Ellipse) -->
    <div id="u3570" class="ax_default ellipse selected">
        <img id="u3570_img" class="img " src="assets/images/步骤条/u3566.svg"/>
        <div id="u3570_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3571" class="ax_default line selected">
        <img id="u3571_img" class="img " src="assets/images/步骤条/u3529_selected.svg"/>
        <div id="u3571_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3572" class="ax_default label selected">
        <div id="u3572_div" class="selected"></div>
        <div id="u3572_text" class="text ">
            <p><span>上传头像</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3573" class="ax_default" data-left="739" data-top="613" data-width="87" data-height="20">

    <!-- Unnamed (Ellipse) -->
    <div id="u3574" class="ax_default ellipse disabled">
        <img id="u3574_img" class="img " src="assets/images/步骤条/u3566.svg"/>
        <div id="u3574_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3575" class="ax_default label disabled">
        <div id="u3575_div" class="disabled"></div>
        <div id="u3575_text" class="text ">
            <p><span>验证邮箱</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3576" class="ax_default" data-left="230" data-top="651" data-width="246" data-height="25">

    <!-- Unnamed (Ellipse) -->
    <div id="u3577" class="ax_default ellipse">
        <img id="u3577_img" class="img " src="assets/images/步骤条/u3577.svg"/>
        <div id="u3577_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3578" class="ax_default line">
        <img id="u3578_img" class="img " src="assets/images/步骤条/u3529.svg"/>
        <div id="u3578_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3579" class="ax_default label">
        <div id="u3579_div" class=""></div>
        <div id="u3579_text" class="text ">
            <p><span>注册</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3580" class="ax_default" data-left="486" data-top="651" data-width="246" data-height="25">

    <!-- Unnamed (Ellipse) -->
    <div id="u3581" class="ax_default ellipse selected">
        <img id="u3581_img" class="img " src="assets/images/步骤条/u3577.svg"/>
        <div id="u3581_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3582" class="ax_default line selected">
        <img id="u3582_img" class="img " src="assets/images/步骤条/u3529_selected.svg"/>
        <div id="u3582_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3583" class="ax_default label selected">
        <div id="u3583_div" class="selected"></div>
        <div id="u3583_text" class="text ">
            <p><span>上传头像</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3584" class="ax_default" data-left="742" data-top="651" data-width="98" data-height="25">

    <!-- Unnamed (Ellipse) -->
    <div id="u3585" class="ax_default ellipse disabled">
        <img id="u3585_img" class="img " src="assets/images/步骤条/u3577.svg"/>
        <div id="u3585_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3586" class="ax_default label disabled">
        <div id="u3586_div" class="disabled"></div>
        <div id="u3586_text" class="text ">
            <p><span>验证邮箱</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3587" class="ax_default label">
    <div id="u3587_div" class=""></div>
    <div id="u3587_text" class="text ">
        <p><span>垂直方向</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3588" class="ax_default" data-left="233" data-top="763" data-width="243" data-height="65">

    <!-- Unnamed (Ellipse) -->
    <div id="u3589" class="ax_default ellipse">
        <img id="u3589_img" class="img " src="assets/images/步骤条/u3528.svg"/>
        <div id="u3589_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3590" class="ax_default line">
        <img id="u3590_img" class="img " src="assets/images/步骤条/u3590.svg"/>
        <div id="u3590_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3591" class="ax_default label">
        <div id="u3591_div" class=""></div>
        <div id="u3591_text" class="text ">
            <p><span>已完成</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3592" class="ax_default label">
        <div id="u3592_div" class=""></div>
        <div id="u3592_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3593" class="ax_default" data-left="233" data-top="838" data-width="243" data-height="65">

    <!-- Unnamed (Ellipse) -->
    <div id="u3594" class="ax_default ellipse">
        <img id="u3594_img" class="img " src="assets/images/步骤条/u3528.svg"/>
        <div id="u3594_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3595" class="ax_default line">
        <img id="u3595_img" class="img " src="assets/images/步骤条/u3590.svg"/>
        <div id="u3595_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3596" class="ax_default label">
        <div id="u3596_div" class=""></div>
        <div id="u3596_text" class="text ">
            <p><span>已完成</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3597" class="ax_default label">
        <div id="u3597_div" class=""></div>
        <div id="u3597_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3598" class="ax_default" data-left="233" data-top="913" data-width="243" data-height="65">

    <!-- Unnamed (Ellipse) -->
    <div id="u3599" class="ax_default ellipse selected">
        <img id="u3599_img" class="img " src="assets/images/步骤条/u3528_selected.svg"/>
        <div id="u3599_text" class="text ">
            <p><span>3</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3600" class="ax_default line selected">
        <img id="u3600_img" class="img " src="assets/images/步骤条/u3590_selected.svg"/>
        <div id="u3600_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3601" class="ax_default label selected">
        <div id="u3601_div" class="selected"></div>
        <div id="u3601_text" class="text ">
            <p><span>进行中</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3602" class="ax_default label selected">
        <div id="u3602_div" class="selected"></div>
        <div id="u3602_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3603" class="ax_default" data-left="233" data-top="988" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3604" class="ax_default ellipse disabled">
        <img id="u3604_img" class="img " src="assets/images/步骤条/u3528_disabled.svg"/>
        <div id="u3604_text" class="text ">
            <p><span>4</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3605" class="ax_default label disabled">
        <div id="u3605_div" class="disabled"></div>
        <div id="u3605_text" class="text ">
            <p><span>待进行</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3606" class="ax_default label disabled">
        <div id="u3606_div" class="disabled"></div>
        <div id="u3606_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3607" class="ax_default" data-left="233" data-top="1144" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3608" class="ax_default ellipse">
        <img id="u3608_img" class="img " src="assets/images/步骤条/u3528.svg"/>
        <div id="u3608_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3609" class="ax_default line">
        <img id="u3609_img" class="img " src="assets/images/步骤条/u3529.svg"/>
        <div id="u3609_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3610" class="ax_default label">
        <div id="u3610_div" class=""></div>
        <div id="u3610_text" class="text ">
            <p><span>已完成</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3611" class="ax_default label">
        <div id="u3611_div" class=""></div>
        <div id="u3611_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3612" class="ax_default" data-left="486" data-top="1144" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3613" class="ax_default ellipse">
        <img id="u3613_img" class="img " src="assets/images/步骤条/u3613.svg"/>
        <div id="u3613_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3614" class="ax_default line">
        <img id="u3614_img" class="img " src="assets/images/步骤条/u3614.svg"/>
        <div id="u3614_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3615" class="ax_default label">
        <div id="u3615_div" class=""></div>
        <div id="u3615_text" class="text ">
            <p><span>进行中</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3616" class="ax_default label">
        <div id="u3616_div" class=""></div>
        <div id="u3616_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3617" class="ax_default" data-left="739" data-top="1144" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3618" class="ax_default ellipse disabled">
        <img id="u3618_img" class="img " src="assets/images/步骤条/u3528_disabled.svg"/>
        <div id="u3618_text" class="text ">
            <p><span>3</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u3619" class="ax_default line disabled">
        <img id="u3619_img" class="img " src="assets/images/步骤条/u3529_selected.svg"/>
        <div id="u3619_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3620" class="ax_default label disabled">
        <div id="u3620_div" class="disabled"></div>
        <div id="u3620_text" class="text ">
            <p><span>待进行</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3621" class="ax_default label disabled">
        <div id="u3621_div" class="disabled"></div>
        <div id="u3621_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u3622" class="ax_default" data-left="992" data-top="1144" data-width="243" data-height="40">

    <!-- Unnamed (Ellipse) -->
    <div id="u3623" class="ax_default ellipse disabled">
        <img id="u3623_img" class="img " src="assets/images/步骤条/u3528_disabled.svg"/>
        <div id="u3623_text" class="text ">
            <p><span>4</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3624" class="ax_default label disabled">
        <div id="u3624_div" class="disabled"></div>
        <div id="u3624_text" class="text ">
            <p><span>待进行</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u3625" class="ax_default label disabled">
        <div id="u3625_div" class="disabled"></div>
        <div id="u3625_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3626" class="ax_default label">
    <div id="u3626_div" class=""></div>
    <div id="u3626_text" class="text ">
        <p><span>步骤运行错误</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3627" class="ax_default label">
    <div id="u3627_div" class=""></div>
    <div id="u3627_text" class="text ">
        <p><span>对错误的步骤所处的分出取消交互状态的选择，然后更改字体和线条颜色为红色</span></p>
    </div>
</div>
</body>
</html>
